<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>珠海市网约车资源信息管理系统</title>
    <meta name="description"
          content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <!--360和ie 浏览器 设置解析引擎为 极速非兼容模式 begin-->
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <!--360和ie 浏览器 设置解析引擎为 极速非兼容模式 end-->
    <meta http-equiv="Pragma" content="no-cache,no-store,must-revalidate"/>
    <meta http-equiv="Cache-Control" content="no-cache,no-store,must-revalidate"/>
    <meta http-equiv="Expires" content="0"/>
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/bootstrap.css" type="text/css"/>
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/projCommon.css" type="text/css"/>
    <link rel="stylesheet" href="css/app.css" type="text/css"/>

    <!--[if lt IE 9]>
    <script src="js/lib/ie/html5shiv.js"></script>
    <script src="js/lib/ie/respond.min.js"></script>
    <script src="js/lib/ie/excanvas.js"></script>
    <![endif]-->

    <!-- Bootstrap -->
    <script src="js/lib/angular/angular-1.5.8.min.js"></script>
    <script src="js/lib/md5/md5.js"></script>

    <script src="js/projCommon.js"></script>
    <script src="AdminController.js"></script>
    <style>
        html, body {
            width: 100%;
            height: 100%;
        }

        html {
            background-image: url(images/login_bg.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            /*background-attachment: fixed;*/
            /*background-size: cover;*/
        }

        form {
            max-width: 350px;
        }

        input.form-control, .i-checks i {
            border-color: #ddd;
            background-color: rgba(255, 255, 255, 0);
        }

        .form-control {
            height: 33px;
            line-height: 33px;
        }

        .form-group {
            position: relative;
        }

        .form-group .placeholder {
            font-size: 14px;
            color: #999;
            position: absolute;
            top: 0;
            left: 15px;
            height: 33px;
            line-height: 33px;
            z-index: -1;
        }

        .form-control:focus + .placeholder {
            display: none;
        }
    </style>

</head>
<body ng-app="app">
<div id="mylogin" class="container" ng-controller="ctl.login" style="display:table;height: 100%;">
    <div class="center-block" style="display:table-cell;vertical-align: middle;">
        <div class="pull-right">
            <h3 class="text-center m-b-sm text-success" style="background-color:rgba(50,50,50,0.05);padding:0;"><b>后台登录</b></h3>
            <form id="login" data-ng-submit="login()" class=""
                  style="padding: 35px 30px;border: 1px solid rgba(255, 255, 255, 1);background-color: rgba(255, 255, 255, 1);">
                <div class="form-group">
                    <div class="input-group">
                        <span class="input-group-addon" style="border-right-width: 0;background: #fff">
                            <i class="fa fa-user-o"></i>
                        </span>
                        <input type="text" class="form-control" name="ygAccount" data-ng-model="userName"
                               placeholder="请输入用户名" required/>
                    </div>
                    <!--<span class="placeholder" ng-if="userName==null">请输入用户名</span>-->
                </div>
                <div class="form-group">
                    <div class="input-group">
                        <span class="input-group-addon" style="border-right-width: 0;background: #fff">
                            <i class="fa fa-key"></i>
                        </span>
                        <input type="password" class="form-control" data-ng-model="pwd"
                               placeholder="请输入密码" required/>
                    </div>
                    <!--<span class="placeholder" ng-if="pwd==null">请输入密码</span>-->
                </div>

                <div class="form-group m-t">
                    <div data-ng-if="errorMessage" class="text-danger">{{errorMessage}}</div>
                </div>
                <div class="form-group m-b-none">
                    <button type="submit" class="btn btn-success btn-block">登录</button>
                </div>

                <br>

                <div>
                    <div>
                        <ul class="nav nav-pills">
                            <li role="presentation">
                                <a href="javascript:void(0);" data-ng-click="goRegister()">网站首页</a>
                            </li>
                        </ul>

                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<div id="loading-dialog" class="loading-dialog disNone"
     style="position: absolute;z-index:1998;top: 0; left: 0;  width:100%;height:100%;">
    <div class="a-dialog" style="width:200px;height:auto;margin:0 auto;">
        <div class="a-content" style="position: absolute;top: 33%;">
            <div class="a-body">
                <div class="wrapper text-center"
                     style="background-color:#000000;/*:rgba(0,0,0,0.25);*/ opacity:0.25;filter:alpha(opacity=25);color:#ffffff;border-radius:25px;">
                    <img src="images/loading.gif" class="img-rounded m-sm">
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>